<%--
  Created by IntelliJ IDEA.
  User: zhouya
  Date: 2019/6/20/0020
  Time: 16:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%

%>
<html>
<head>
    <title>文章管理</title>
    <style>
        table{border: 1px solid gray;border-collapse: collapse;width: 100% }
        td{border: 1px solid gray;text-align: center;}
        .left_title{
            width: 18%;
            height: 100%;
            float: left;
        }
        .content{
            width: 82%;
            height: 100%;
            float: left;
        }
        a {color: #01040c; text-decoration:none;font-size: 14px}
        a:visited {text-decoration:none;}
        a:hover {color:#ba2636;text-decoration:underline;}
        a:active {color:#ba2636;}

        details {margin-left: 25px;font-size: 16px}
        ::-moz-list-bullet {
            font-size: 0;
            float: left;
        }
        summary {
            user-select: none;
            outline: 0;
        }
        summary::after {
            content: '';
            position: absolute;
            width: 12px; height: 12px;
            margin: 4px 0 0 .5ch;
            background-size: 100% 100%;
            transition: transform .2s;
        }
        [open] summary::after {
            transform: rotate(90deg);
        }
        /* 动画效果 */
        details + dl {
            max-height: 0;
            transition: max-height .25s;
            margin: 0 0 1rem;
            overflow: hidden;
        }
        [open] + dl {
            max-height: 80%;
        }
        .three{
            margin-left: 15px;
        }
    </style>
</head>
<body>
<div>
    <div class="left_title">
        <details>
            <summary style="font-size: 18px"><a href="AdminAllPassageServlet" target="childContent">所有栏目</a></summary>
            <details class="second">
                <summary>首页</summary>
                <div class="three"><a href="AdminPassageFieldServlet?fieldId=1" target="childContent">课程介绍</a></div>
                <div class="three"><a href="AdminPassageFieldServlet?fieldId=2" target="childContent">课程负责人</a></div>
                <div class="three"><a href="AdminPassageFieldServlet?fieldId=3" target="childContent">课程组成员</a></div>
                <div class="three"><a href="AdminPassageFieldServlet?fieldId=4" target="childContent">友情链接</a></div>
                <div class="three"><a href="AdminPassageFieldServlet?fieldId=5" target="childContent">底部信息</a></div>
            </details>
            <details class="second">
                <summary>课程介绍</summary>
                <div class="three"><a href="AdminPassageFieldServlet?fieldId=11" target="childContent">课程简介</a></div>
                <div class="three"><a href="AdminPassageFieldServlet?fieldId=12" target="childContent">教学方法</a></div>
                <div class="three"><a href="AdminPassageFieldServlet?fieldId=13" target="childContent">课程安排</a></div>
                <div class="three"><a href="AdminPassageFieldServlet?fieldId=14" target="childContent">课程大纲</a></div>
                <div class="three"><a href="AdminPassageFieldServlet?fieldId=15" target="childContent">课程理念与目标</a></div>
                <div class="three"><a href="AdminPassageFieldServlet?fieldId=16" target="childContent">课程动态</a></div>
            </details>
            <details class="second">
                <summary>教学团队</summary>
                <div class="three"><a href="AdminPassageFieldServlet?fieldId=21" target="childContent">课程组成员</a></div>
                <div class="three"><a href="AdminPassageFieldServlet?fieldId=22" target="childContent">联系人资料</a></div>
            </details>
            <details class="second">
                <summary>课程建设</summary>
                <div class="three"><a href="AdminPassageFieldServlet?fieldId=31" target="childContent">课程建设规划</a></div>
                <div class="three"><a href="AdminPassageFieldServlet?fieldId=32" target="childContent">课程建设内容</a></div>
            </details>
            <details class="second">
                <summary>课程资源</summary>
                <div class="three"><a href="AdminPassageFieldServlet?fieldId=41" target="childContent">教学课件</a></div>
                <div class="three"><a href="AdminPassageFieldServlet?fieldId=42" target="childContent">教学视频</a></div>
            </details>
            <details class="second">
                <summary>问题与答疑</summary>
                <div class="three"><a href="AdminPassageFieldServlet?fieldId=61" target="childContent">问题与答疑</a></div>
            </details>
            <details class="second">
                <summary>课程研究</summary>
                <div class="three"><a href="AdminPassageFieldServlet?fieldId=51" target="childContent">研究项</a></div>
                <div class="three"><a href="AdminPassageFieldServlet?fieldId=52" target="childContent">研究成果</a></div>
            </details>
        </details>
    </div>

    <iframe class="content" name="childContent" frameborder="0">

    </iframe>

</div>
</body>
</html>